//获取列表
var tab_lis = document.querySelectorAll('.tab-list li');
for (var i = 0; i < tab_lis.length; i++) {
	tab_lis[i].addEventListener('mouseover',function(e){
		//取消所有的激活样式
		for (var j = 0; j < tab_lis.length; j++) {
			tab_lis[j].classList.remove('tab-active');
		}
		//获取当前悬停的元素
		var li = e.target;
		//添加激活样式
		li.classList.add('tab-active');
		//将元素集合转为数组
		var list_lis = Array.from(tab_lis);
		//获取当前悬停的元素的索引
		var li_index = list_lis.indexOf(li);
		//判断
		if(li_index == 0){
			// 隐藏穿戴商品
			var watch = document.querySelector('.watch-box');
			watch.style.opacity = 0;
			//获取耳机商品展示区域的元素
			var wear = document.querySelector('.wear-box');
			//耳机商品展示
			wear.style.opacity = 1;
		}else if(li_index == 1){
			// 隐藏耳机商品
			var wear = document.querySelector('.wear-box');
			wear.style.opacity = 0;
			//穿戴商品展示
			var watch = document.querySelector('.watch-box');
			watch.style.opacity = 1;
		}
	})
}